<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<nav class="navbar navbar-default navbar-fixed-top am-top-header">
	<div class="container-fluid">
		<div class="navbar-header">
			<div class="page-title">
				<span>Flitter | Jorange</span>
			</div>
			<a href="#" class="am-toggle-left-sidebar navbar-toggle collapsed"> 
				<span class="icon-bar"> 
					<span></span> 
					<span></span> 
					<span></span>
				</span>
			</a> 
			<a href="javascript:void(0);" class="navbar-brand"></a>
		</div>
		<a href="#" class="am-toggle-right-sidebar"> 
			<span class="icon s7-menu2"></span>
		</a> 
		<a href="#" data-toggle="collapse" data-target="#am-navbar-collapse" class="am-toggle-top-header-menu collapsed"> 
			<span class="icon s7-angle-down"></span>
		</a>
		<div id="am-navbar-collapse" class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right am-user-nav">
				<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"> <img src="${base }/assets/admin/img/avatar.jpg"> <span class="user-name">Aaron Cheung</span> <span class="angle-down s7-angle-down"></span>
				</a>
					<ul role="menu" class="dropdown-menu">
						<li><a href="#"> <span class="icon s7-user"></span>个人资料
						</a></li>
						<li><a href="#"> <span class="icon s7-config"></span>设置
						</a></li>
						<li><a href="#"> <span class="icon s7-help1"></span>帮助
						</a></li>
						<li><a href="${base }/logout"> <span class="icon s7-power"></span>退出
						</a></li>
					</ul></li>
			</ul>
			<ul class="nav navbar-nav am-nav-right">
				<li><a href="#">首页</a></li>
				<li><a href="#">关于</a></li>
				<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">服务 <span class="angle-down s7-angle-down"></span></a>
					<ul role="menu" class="dropdown-menu">
						<li><a href="#">Docker Manager</a></li>
					</ul></li>
				<li><a href="#">技术支持</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right am-icons-nav">
				<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"><span class="icon s7-comment"></span></a>
					<ul class="dropdown-menu am-messages">
						<li>
							<div class="title">
								消息<span class="badge">3</span>
							</div>
							<div class="list">
								<div class="am-scroller nano">
									<div class="content nano-content">
										<ul>
											<li class="active"><a href="#">
													<div class="logo">
														<img src="${base }/assets/admin/img/avatar.jpg">
													</div>
													<div class="user-content">
														<span class="date">April 25</span><span class="name">Aaron Cheung</span><span class="text-content">Hello World!!</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<img src="${base }/assets/admin/img/avatar.jpg">
													</div>
													<div class="user-content">
														<span class="date">March 18</span><span class="name">Aaron Cheung</span><span class="text-content">Hello World...</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<img src="${base }/assets/admin/img/avatar.jpg">
													</div>
													<div class="user-content">
														<span class="date">January 3</span><span class="name">Aaron Cheung</span><span class="text-content">Hello World...</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<img src="${base }/assets/admin/img/avatar.jpg">
													</div>
													<div class="user-content">
														<span class="date">January 2</span><span class="name">Aaron Cheung</span><span class="text-content">Hello World...</span>
													</div>
											</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="footer">
								<a href="#">查看全部消息</a>
							</div>
						</li>
					</ul></li>
				<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"> <span class="icon s7-bell"></span> <span class="indicator"></span>
				</a>
					<ul class="dropdown-menu am-notifications">
						<li>
							<div class="title">
								通知<span class="badge">3</span>
							</div>
							<div class="list">
								<div class="am-scroller nano">
									<div class="content nano-content">
										<ul>
											<li class="active"><a href="#">
													<div class="logo">
														<span class="icon s7-pin"></span>
													</div>
													<div class="user-content">
														<span class="circle"></span><span class="name">Aaron Cheung</span><span class="text-content">Hello World.</span><span class="date">2分钟前</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<span class="icon s7-add-user"></span>
													</div>
													<div class="user-content">
														<span class="name">Aaron Cheung</span><span class="text-content">Hello World.</span><span class="date">2天前</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<span class="icon s7-gleam"></span>
													</div>
													<div class="user-content">
														<span class="name">Aaron Cheung</span><span class="text-content">Hello World.</span><span class="date">2天前</span>
													</div>
											</a></li>
											<li><a href="#">
													<div class="logo">
														<span class="icon s7-add-user"></span>
													</div>
													<div class="user-content">
														<span class="name">Aaron Cheung</span><span class="text-content"> is now following you</span><span class="date">5 days ago</span>
													</div>
											</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="footer">
								<a href="#">查看所有通知</a>
							</div>
						</li>
					</ul>
				</li>
				<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"><span class="icon s7-share"></span></a>
					<ul class="dropdown-menu am-connections">
						<li>
							<div class="title">连接</div>
							<div class="list">
								<div class="content">
									<ul>
										<li>
											<div class="logo">
												<img src="${base }/assets/admin/img/github.png">
											</div>
											<div class="field">
												<span>GitHub</span>
												<div class="pull-right">
													<div class="switch-button switch-button-sm">
														<input type="checkbox" checked="" name="check1" id="switch1"><span> <label for="switch1"></label></span>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="logo">
												<img src="${base }/assets/admin/img/bitbucket.png">
											</div>
											<div class="field">
												<span>Bitbucket</span>
												<div class="pull-right">
													<div class="switch-button switch-button-sm">
														<input type="checkbox" name="check2" id="switch2"><span> <label for="switch2"></label></span>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="logo">
												<img src="${base }/assets/admin/img/slack.png">
											</div>
											<div class="field">
												<span>Slack</span>
												<div class="pull-right">
													<div class="switch-button switch-button-sm">
														<input type="checkbox" checked="" name="check3" id="switch3"><span> <label for="switch3"></label></span>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="logo">
												<img src="${base }/assets/admin/img/dribbble.png">
											</div>
											<div class="field">
												<span>Dribbble</span>
												<div class="pull-right">
													<div class="switch-button switch-button-sm">
														<input type="checkbox" name="check4" id="switch4"><span> <label for="switch4"> </label></span>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="footer">
								<a href="#">查看所有连接</a>
							</div>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</nav>